<template>
  <div class="home-container">
    <top-nav></top-nav>
    <n-layout has-sider class="home_body">
      <!-- 图表类型列表 -->
      <left-silder></left-silder>
      <!-- 编辑面板 -->
      <centerc-container></centerc-container>
      <!-- 数据配置项 -->
      <right-data></right-data>
    </n-layout>
  </div>
</template>

<script lang="ts" setup>
  import centercContainer from './components/centercContainer/index.vue';
  import leftSilder from './components/leftSilder/index.vue';
  import rightData from './components/rightData/index.vue';
  import topNav from './components/topNav/index.vue';
</script>

<style lang="scss" scoped>
  @import '../../styles/home.scss';
</style>
